//bottom set border-1px
@mixin border-bottom-1px($color) {
  position: relative;
  &:after{
    display: block;
    position: absolute;
    left: 0;
    bottom:0;
    width: 100%;
    border-top: 1px solid $color;
    content: ' '
  }
}

@mixin border-bottom-3px($color) {
  position: relative;
  &:after{
    display: block;
    position: absolute;
    left: 0;
    bottom:0;
    width: 100%;
    border-top: 3px solid $color;
    content: ' '
  }
}

@mixin border-top-1px($color) {
  position: relative;
  &:after{
    display: block;
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    border-top: 1px solid $color;
    content: ' '
  }
}

@mixin border-none(){
  &:after{
    display: none;
  }
}


@mixin no-wrap(){
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}


@mixin wrap-show(){
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: break-word;
}

@mixin first-2em{
  text-indent:2em;
}


